<template>
    <!-- v-loading="loading"
        :element-loading-svg="$config.svg"
        element-loading-svg-view-box="-10, -10, 50, 50"
        :element-loading-text="t('Base.test')" -->

    <el-config-provider :locale="elLocale">
        <router-view />
    </el-config-provider>
</template>

<script setup lang="ts">
import { onMounted, onBeforeUnmount, computed } from 'vue';
import { loading } from '@/utils/loading';
import { ElConfigProvider } from 'element-plus';
import zh from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
import $config from '@/config';
import { useI18n } from 'vue-i18n';
const { t, locale } = useI18n();

import { useRemListener } from '@/hooks/useRemListener';
// useRemListener();

const elLocale = computed(() => (locale.value === 'en-US' ? en : zh));
</script>

<style scoped lang="scss">
.box {
    height: 100%;
    width: 100%;
}

.v-enter-active,
.v-leave-active {
    transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
}
</style>
